@import "./../Common.less";
.dateTimeComponent{
  position: absolute;
  width:100%;
  height:100%;
  left:0rem;
  background: rgba(0,0,0,.6);
  animation:showSelectTime .5s ease;
  animation-fill-mode: forwards;
  .contents{
    width:7.1rem;
    background: #ffffff;
    position: absolute;
    bottom:0rem;
    min-height:2rem;
    left:50%;
    transform: translateX(-50%);
    border-radius:.2rem .2rem 0rem 0rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    .menu{
      height:.85rem;
      line-height:.85rem;
      padding:0rem .43rem;
      border-bottom:1px solid #F5F5F5;
      .menuItem{
        font-size:@min_font_size_36;
        color: #20C4FE;
      }
      .label{
        flex:1;
        text-align: center;
        color: #131313;
      }
    }
    .pickList{
      display: flex;
      display: -webkit-flex;
      width:100%;
      .picker{
        flex:1;
        .picker-items{
          .picker-item{
            font-size:@min_font_size_36;
            color: #e2e2e2;
          }
          .picker-selected{
            color: #131313;
          }
        }
      }
    }
  }
}
@keyframes showSelectTime {
 0%{
   top:100%;
 }
 100%{
   top:0rem;
 }
}